CSS实现文字颜色渐变

 三行代码即可实现：

background 渐变属性可选值：

1    linear-gradient  为线性渐变

2     radial-gradient  为径向渐变

3      repeating-linear-gradient  重复线性渐变

4      repeating-radial-gradient  重复径向渐变

基本语法

线性渐变 ：background:linear-gradient (渐变角度,颜色值1,颜色值2,… …颜色值n);

渐变角度是指水平线和渐变线之间的夹角，可以是以deg为单位的角度值或“to”加“left”“right”“top”和“bottom”等关键词。

颜色值：用于设置渐变颜色，“颜色值1”为起始颜色，“颜色值n”为结束颜色。

径向渐变：

background:radial-gradient(渐变形状圆心位置,颜色值1,颜色值2,… …颜色值n);

重复线性渐变：

background:repeating-linear-gradient(渐变角度,颜色值1,颜色值2,… …颜色值n);

重复径向渐变：

background:repeating-radial-gradient(渐变形状 圆心位置,颜色值1,颜色值2,… …颜色值n);

-webkit-background-clip: text;  设置值 为text，表示作用在文字上

其他 语法  background-clip: border-box|padding-box|content-box;

  color: transparent;